<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/personal.css">

    <script src="js/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="js/footer.js"></script>
    <title>资讯中心</title>
</head>

<body>
    <!-- header模块 -->
    <div class="header">
        <div class="w">
            <div class="logo fl">
                <a href="index.html"><img src="images/logo.png" alt=""></a>
            </div>
            <ul class="fl">
                <li>
                    <a href="index.html">首页</a>
                </li>
                <li>
                    <a href="study.html">学习中心</a>
                </li>
                <li>
                    <a href="news.html">校园资讯</a>
                </li>
                <li class="active">
                    <a href="personal-course.html">个人中心</a>
                </li>
                <li>
                    <a href="message.html">留言</a>
                </li>
            </ul>
            <!-- 搜索框 -->
            <div class="input-search fl">
                <input type="search" class="search" id="search" placeholder="搜索...">
                <span class="glyphicon glyphicon-search"></span>
            </div>
            <!-- 登录注册按钮 -->
            <div class="fl">
                <a href="javascript:;" class="login">登录/注册</a>
            </div>
        </div>
    </div>
    <!-- 背景图片 -->
    <div class="banner">
        <img src="images/news_banner.jpg" alt="">
    </div>
    <!-- 主体模块 -->
    <div class="main">
        <div class="w">
            <!-- 侧边栏 -->
            <div class="main-left fl">
                <div class="title">
                    <h1>个人中心</h1>
                    <img src="images/username.jpg" alt="">
                    <span style="display:block; color:#535252;"> <span class="glyphicon glyphicon-user" style="color:#8a8989;"></span> &nbsp;不学习，变垃圾</span>
                </div>
                <ul>
                    <li>
                        <span class="glyphicon glyphicon-film"></span>
                        <a href="personal-course.html">我的课程</a>
                        <span class="glyphicon glyphicon-menu-right"></span>
                    </li>
                    <li class="active">
                        <span class="glyphicon glyphicon-bullhorn"></span>
                        <a href="javascript:;">资讯中心</a>
                        <span class="glyphicon glyphicon-menu-right"></span>
                    </li>
                    <li>
                        <span class="glyphicon glyphicon-signal"></span>
                        <a href="personal-data.html">数据统计</a>
                        <span class="glyphicon glyphicon-menu-right"></span>
                    </li>
                    <li>
                        <span class="glyphicon glyphicon-cog"></span>
                        <a href="personal-settings.html">个人设置</a>
                        <span class="glyphicon glyphicon-menu-right"></span>
                    </li>
                </ul>
            </div>
            <!-- 资讯中心 -->
            <div class="news-box fl">
                <h1><a href="javascript:;">@私信</a></h1>
                <ul class="private-letter">
                    <li>
                        <div class="letter-hd">
                            <span class="glyphicon glyphicon-user"></span>
                            <span>胖虎</span>
                            <span class="glyphicon glyphicon-time"></span>
                            <span> 2021-11-25 </span>
                        </div>
                        <p>这篇博客写的真棒！</p>
                        <div class="fr">
                            <span class="glyphicon glyphicon-comment"></span>
                            <a href="javascript:;">回复</a>
                        </div>
                    </li>
                    <li>
                        <div class="letter-hd">
                            <span class="glyphicon glyphicon-user"></span>
                            <span>大雄</span>
                            <span class="glyphicon glyphicon-time"></span>
                            <span> 2021-11-27 </span>
                        </div>
                        <p>我也非常认同你的观点！</p>
                        <div class="fr">
                            <span class="glyphicon glyphicon-comment"></span>
                            <a href="javascript:;">回复</a>
                        </div>
                    </li>
                    <li>
                        <div class="letter-hd">
                            <span class="glyphicon glyphicon-user"></span>
                            <span>静香</span>
                            <span class="glyphicon glyphicon-time"></span>
                            <span> 2021-11-28 </span>
                        </div>
                        <p>谢谢你，为我们普及这些知识</p>
                        <div class="fr">
                            <span class="glyphicon glyphicon-comment"></span>
                            <a href="javascript:;">回复</a>
                        </div>
                    </li>
                </ul>
                <h1><a href="javascript:;">我发布的</a></h1>
                <ul class="publish">
                    <li>
                        <h3><a href="news-detail.html">学校启动系列学...</a></h3>
                        <span class="glyphicon glyphicon-time"></span>
                        <span> 2021-11-25 </span>
                        <p>为大力弘扬奉献、友爱、互助、进步的志愿者精神，3月4日...</p>
                        <div class="fr">
                            <span class="glyphicon glyphicon-eye-open"></span><span> 37</span>
                            <span class="glyphicon glyphicon-thumbs-up"></span><span> 23</span>
                        </div>
                    </li>
                    <li>
                        <h3>新冠肺炎家庭聚集性...</h3>
                        <span class="glyphicon glyphicon-time"></span>
                        <span> 2021-11-25 </span>
                        <p>新型冠状病毒肺炎是一种急性肺炎，其病原体是一种先前未在人类...</p>
                        <div class="fr">
                            <span class="glyphicon glyphicon-eye-open"></span> 37
                            <span class="glyphicon glyphicon-thumbs-up"></span> 23
                        </div>
                    </li>
                    <li>
                        <h3>“停课不停教，停课不...</h3>
                        <span class="glyphicon glyphicon-time"></span>
                        <span> 2021-11-25 </span>
                        <p>2月24日，我校万名师生齐聚“云端”，正式开启线上教学。线上教学第...</p>
                        <div class="fr">
                            <span class="glyphicon glyphicon-eye-open"></span> 37
                            <span class="glyphicon glyphicon-thumbs-up"></span> 23
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- footer模块 -->
    <div class="footer">
        <div class="w">
            <div class="top">
                <div class="fl">
                    <div class="logo">
                        <a href="index.html"><img src="images/logo.png" alt=""></a>
                    </div>
                    <h5>用户在高强度、压抑的学习中，可以分享学习成果，记录心情!</h5>
                </div>
                <div class="fl">
                    <ul>
                        <li>
                            <h3>关于我们</h3>
                            <a href="javascript:;">集团概况</a>
                            <a href="javascript:;">集团部门</a>
                            <a href="javascript:;">发展历史</a>
                            <a href="javascript:;">法律条款</a>
                        </li>
                        <li>
                            <h3>联系我们</h3>
                            <a href="javascript:;">常见问题</a>
                            <a href="javascript:;">意见反馈</a>
                            <a href="javascript:;">资讯投稿</a>
                            <a href="javascript:;">加入我们</a>
                        </li>
                        <li>
                            <h3>关注我们</h3>
                            <div class="wechat">
                                <img src="images/wechat.png" alt="" id="wechat">
                            </div>
                            <div class="weibo">
                                <img src="images/weibo.png" alt="" id="weibo">
                            </div>
                        </li>
                        <li style="margin-right:0;">
                            <h3>友情链接</h3>
                            <a href="javascript:;">Study课堂</a>
                            <a href="javascript:;">Study集团</a>
                            <a href="javascript:;">Study</a>
                        </li>
                    </ul>
                </div>
                <div class="code" id="code">
                    <img src="images/code.png" alt="">
                </div>
                <span class="angle" id="angle"></span>
            </div>
            <div class="bottom">
                <div>
                    广西来宾市兴宾区铁北大道966号 邮编:123456 Email:abcdefg@xxx.edu.cn <br>
                </div>
                <div>
                    <a href="javascript:;"> 桂ICP备123456789号 </a> 版权所有 © 广西科技师范学院
                </div>

                <div style="margin-bottom:0;">
                    桂公网安备 1234567890号
                </div>
            </div>
        </div>
    </div>
</body>

</html>